<script>
    var initPage4 = function () {
        $("#page-4").css("display", "block");
        $("#page-4").css({
            "z-index": 10
        });
        setTimeout(function () {

            wordBlink(function () {
                showPage4Line(function () {
                    page4MoveWord(function () {
                        $("#page-4 .zs-2").show();

                        setTimeout(function () {
                            $("#page-4 .zs-2").removeClass("fadeIn");
                            setTimeout(function () {
                                $("#page-4 .zs-2").addClass("fadeOut");
                            }, 200);

                            page4MoveWordBack();
                            hidePage4Line(function () {
                                $("#page-4").hide();
                                endPage4();
                            });
                        }, 3e3);
                    })
                });
            })
        }, 500);
    };

    var showPage4Line = function (cb) {
        $("#page-4 .line").animate({
            width: "4.75521rem"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var hidePage4Line = function (cb) {
        $("#page-4 .line").animate({
            width: "0"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var wordBlink = function (cb) {
        cb && cb();
        return;
        var t = 300;
        $("#page-4 .word").animate({
            "opacity": "1"
        }, t, "linear", function () {
            $("#page-4 .word").animate({
                "opacity": "0"
            }, t, "linear", function () {
                $("#page-4 .word").animate({
                    "opacity": "1"
                }, t, "linear", function () {
                    $("#page-4 .word").animate({
                        "opacity": "0"
                    }, t, "linear", function () {
                        cb && cb();
                    })
                })
            })
        })
    }

    var page4MoveWord = function (cb) {
        $("#page-4 .word").css("opacity", "1");
        $("#page-4 .zs-1").animate({
            'transform': 'translate(0.88542rem,1.16667rem)',
            '-webkit-transform': 'translate(0.88542rem,1.16667rem)',
            "opacity": '1'
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var page4MoveWordBack = function (cb) {
        $("#page-4 .zs-1").animate({
            'transform': 'translate(6.77083rem,2.39063rem)',
            '-webkit-transform': 'translate(6.77083rem,2.39063rem)',
            "opacity": '0'
        }, 800, "linear", function () {
            $("#page-4 .word").css("opacity", "0");
            cb && cb();
        });
    }
</script>